<div class="box">
  <h3>Horas <%= @proceso_id=="0" ? "Creadas" : "Procesadas" %></h3>
  <div id="mysearch"></div>
  <table id="tabla_horas" class="scroll" cellpadding="0" cellspacing="0"></table>
  <div id="pager_horas" class="scroll" style="text-align:center;"></div>
</div>
<script type="text/javascript">
  $(document).ready(function(){
  
  });
  jQuery("#tabla_horas").jqGrid({
  url: "<%= url_for(:controller => "horas", :action => "datos",:proceso_id=>@proceso_id) %>" ,
  datatype: 'json',
  colNames:['Fecha', 'Motivo', 'Cantidad','Valor', 'Tipo','Usuario'],
  colModel : [
  {name: 'fecha', index: 'fecha', width: 80, align: 'left'},
  {name: 'motivo', index: 'motivo', width: 200, align: 'left'},
  {name: 'cantidad', index: 'cantidad', width: 80, align: 'left'},
  {name: 'valor', index: 'valor', width: 80, align: 'left'},
  {name: 'tipo', index: 'tipo', width: 80, align: 'center',search:false},
  {name: 'usuario', index: 'usuarios.nombres', width: 150, align: 'center'},
  ],
  rowNum:16,
  rowList:[16,26,36],
  pager: jQuery('#pager_horas'),
  sortname: "fecha",
  sortorder: "asc",
  height:  350,
  ondblClickRow: function(rowid) {
  abrir(rowid);
  },
  }).navGrid('#pager_usuarios',{edit:false,add:false,del:false, view:false},{},{},{},{multipleSearch:true});

  var sg = jQuery("#mysearch").filterGrid("#tabla_horas",{
  enableClear: true,
  autosearch: true,
  filterModel: [
  {label:'Tipo: ', name:'tipo', stype:'select',defval:'1',sopt:{value:"<%= Hora.tiposjq %>"}},
  {label:'Motivo: ', name:'motivo',defval:'1', stype:'select',sopt:{value:"<%= Hora.motivosjq %>"}}
  ]
  })[0];

  function abrir(rowid){
  if (rowid == null){
  var id = $('#tabla_horas').getGridParam('selrow');
  }else{
  var id = rowid;
  }
  if (id == null){
  alert('Seleccione un registro de la lista');
  } else {
  window.location = '<%=horas_path%>/' + id;
  };
  };
</script>
<% content_for :sidebar do -%>
  <h3>Acciones</h3>
  <%= boton 'Volver al listado', procesos_horas_path, :imagen => 'index' %> <br/>
<% end -%>
